*{
    padding: 0;
    margin: 0;
}
table{
    margin: 0 auto;
    border: solid 1px #000000;
    border-collapse:collapse ;
}
thead td{
    border: solid 1px #000000;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
}
tbody td{
    border: solid 1px #000000;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}
#imgTd{
    width: 130px;
}
#bookNameTd{
    width: 180px;
}
#authorTd{
    width: 100px;
}
#priceTd{
    width: 80px;
}

#addressTd{
    width: 230px;
}
#dataTd{
    width:140px;
}
#addnumTd{
    width: 200px;
}

#add{
    width: 60px;
    height: 40px;
    background-color: aqua;
}
#refresh{
    width: 60px;
    height: 40px;
    background-color: aqua;
}
#btnDiv{
    margin-left:400px;
    margin-top: 20px;
    margin-bottom: 30px;
}
#addinfo{

    position: absolute;
    top: 50%;
    left: 50%;
    padding:10px;
    margin-left: -400px;
    margin-top: -220px;
    width: 700px;
    display: flex;
    background-color: aqua;
}
#addinfo span{
    display: inline-block;
    width: 100px;
}

#addLeft div{
    margin-top: 15px;
    height: 30px;
}
#addLeft div input{
    height: 30px;
    width: 200px;
}
#addRight{
    margin-left: 50px;
}
#addRight div{
    margin-top: 15px;
    height: 30px;
 }
#addRight div input{
    height: 30px;
    width: 200px;
}
#bgdiv{
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    left:0;
}
#spanBtn{
    padding-left: 240px;
}
#spanBtn input{
    margin-top:25px;
    margin-bottom: 5px;
}
#tby tr td img{
    width: 70px;
    height: 110px;
}
#headerbg{
    width: 100%;
    height: 40px;
    background-color: brown;
}
#userDiv{
    width: 300px;
    height: 30px;
}
#header{
    width:80%;
    height: 40px;
    line-height: 30px;
    background-color: brown;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
#userDiv{
    display: flex;
}
#useName{
    font-size: 18px;
    line-height: 40px;
    margin-right: 15px;
    margin-left: 15px;
}
#userInfo{
    background-color: moccasin;
    color: white;
    font-size: 15px;
    width: 80px;
    height: 30px;
    margin-top: 5px;
    margin-right: 5px;
}
#Logging_out{
    background-color: moccasin;
    color: white;
    font-size: 15px;
    width: 60px;
    height: 30px;
    margin-top: 5px;
}
#userImg{
    display: inline-block;
    margin-top: 5px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
#userImg img{
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
#user span{
    display: inline-block;
    width: 80px;
    height: 30px;
}
#userbg{
    /*display:none;*/
    display:none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    left:0;
}
#user{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    width: 600px;
    height: 300px;
    background-color: aqua;
}
#user input{
    width: 280px;
    height: 30px;
    margin-bottom: 15px;
}
#user span{
    margin-left: 20px;
    width: 80px;
    height: 30px;
    border-bottom: 15px;
}
#userheader{
    width: 600px;
    height: 30px;
    background-color: cadetblue;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
#twopwd{
    margin-left: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}
